<script setup>
import GoodsItem from '@/components/GoodsItem.vue';
import CategoryPanel from './CategoryPanel.vue';
const { categoryItem } = defineProps(['categoryItem'])
</script>
<template>
	<CategoryPanel :title="`— ${ categoryItem.name } —`">
		<ul class="goods-list">
			<li v-for="i in categoryItem.goods" :key="i.id">
				<GoodsItem :goods="i" />
			</li>
		</ul>
	</CategoryPanel>
</template>
<style scoped lang="scss">
.goods-list {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
</style>